<div id="address_area_select">
	<select name="province_id" class="select">
		<option value="">--省--</option>
		{$address_info.province_options}
	</select>
	<select name="city_id" class="select">
		<option value="">--市--</option>
		{$address_info.city_options}
	</select>
	<select name="area_id" class="select">
		<option value="">--区--</option>
		{$address_info.area_options}
	</select>
</div>

<script type="text/javascript" language="JavaScript" charset="utf-8">
<!--
	{literal}
	jQuery(function($){

		var fm = $('#address_area_select');
	
		$(fm).find('select[name="province_id"]').bind('change', function(){
			var province_id = $(this).val();
			$(fm).find('select[name="city_id"]').html('<option value="">--市--</option>');
			$(fm).find('select[name="area_id"]').html('<option value="">--区--</option>');
			if(province_id != ''){
				jQuery.get('./index.php?frm=ajax&mdl=city&do=get', {
					'province_id': province_id
				}, function(data, textStatus, xhr) {
					$(fm).find('select[name="city_id"]').append(data);
				});
			}
		});

		$(fm).find('select[name="city_id"]').bind('change', function(){
			var city_id = $(this).val();
			$(fm).find('select[name="area_id"]').html('<option value="">--区--</option>');
			if(city_id != ''){
				jQuery.get('./index.php?frm=ajax&mdl=area&do=get', {
					'city_id': city_id
				}, function(data, textStatus, xhr) {
					$(fm).find('select[name="area_id"]').append(data);
				});
			}
		});
	});
	{/literal}
//-->
</script>